<!-- 对接完成 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/bootstrap.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/header_changeLi.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/designer/designer_list.js"></script>
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css'>
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/common/main_head.css'>
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/common/fabicMain.css'>
		<link href="${pageContext.request.contextPath}/css/designer/designer_list.css" rel="stylesheet">
		<title></title>
	</head>

	<body>

		<header>
			<div class="rightTop">
				<ul>
					<li><a href="#">登录</a></li>
					<li class="separator">|</li>
					<li><a href="#">注册</a></li>
					<li class="separator">|</li>
					<li><a href="login.html">个人中心</a></li>
				</ul>
			</div>
			<div class="headermenu">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="selectedLi">作品</a></li>
					<li class="#"><a href="#" class="selectA">作品</a></li>
					<li><a href="#">品牌服装</a></li>
					<li><a href="#">服装企业</a></li>
					<li><a href="#">面料</a></li>
					<li><a href="#">供应商</a></li>
					<li><a href="#">资讯</a></li>
				</ul>
			</div>
			<div class="search">
				<input type="text" placeholder="我想找···" />
			</div>
		</header>
		<div class="container">
			<span class="c_title">位置：<a href="#">FCS</a> >> 供应商 </span>
			<div class="span12">
				<div class="span9 c_slide">
					<div class="carousel slide" id="carousel-937233">
						<ol class="carousel-indicators">
							<li class="active" data-slide-to="0" data-target="#carousel-937233">
							</li>
							<li data-slide-to="1" data-target="#carousel-937233">
							</li>
							<li data-slide-to="2" data-target="#carousel-937233">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<img alt="" src="images/1.jpg" />
								<div class="carousel-caption">
									<h4>广告标题</h4>
									<p>广告文本</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="images/2.jpg" />
								<div class="carousel-caption">
									<h4>广告标题</h4>
									<p>广告文本</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="images/1.jpg" />
								<div class="carousel-caption">
									<h4>广告标题</h4>
									<p>广告文本</p>
								</div>
							</div>
						</div> <a data-slide="prev" href="#carousel-937233" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-937233" class="right carousel-control">›</a>
					</div>
				</div>
				<div class="span3 c_finfo">
					<h5 class="c_info_title">作品总数</h5>
					<span class="c_number">
						<!--初始化,无需改变-->
						<i><br>0</br></i><i><br>0</br></i><i><br>0</br></i>
						<i><br>0</br></i><i><br>0</br></i><i><br>0</br></i>
					</span>
					<span class="num" style="display: none;">${design_count}</span>
				</div>
			</div>
			<!--分类-->
			<div class="span12">
				<div class="parent">
					<span class="parentleft">分类</span>
					<ul class="parentright">
						<li><a href="#male" class="male">男装作品</a></li>
						<li><a href="#female" class="female">女装作品</a></li>
						<li><a href="#children" class="children">童装作品</a></li>
						<li><a href="#marry" class="marry">婚纱礼服作品</a></li>
						<li><a href="#home" class="home">内衣／家居作品</a></li>
					</ul>
				</div>
			</div>
			<div class="span12" id="male">
				<a href="#">
					<h5 class="range1">
						男装作品
					</h5>
				</a>
				<div class="range1list">
					<table>
						<tr>
							<c:forEach begin="0" end="4" var="designs_men" items="${designs_men }">
								<td>
									<div class="special">
										<img src="${pageContext.request.contextPath }/${designs_men.effect_url}">
										<a class="left" href="${pageContext.request.contextPath}/design/show_detail.do?&design_id=${designs_men.id}">${designs_men.name}</a>
									</div>
								</td>
							</c:forEach>
						</tr>
					</table>
				</div>
			</div>
			<div class="span12" id="female">
				<a href="#">
					<h5 class="range1">
						女装作品
					</h5>
				</a>
				<div class="range1list">
					<table>
						<tr>
							<c:forEach begin="0" end="4" var="design_lady" items="${desigs_lady }">
								<td>
									<div class="special">
										<img src="${pageContext.request.contextPath }/${design_lady.effect_url}">
										<a class="left" href="${pageContext.request.contextPath}/design/show_detail.do?&design_id=${design_lady.id}">${design_lady.name}</a>
									</div>
								</td>
							</c:forEach>
						</tr>
					</table>
				</div>
			</div>
			<div class="span12" id="children">
				<a href="#">
					<h5 class="range1">
						童装作品
					</h5>
				</a>
				<div class="range1list">
					<table>
						<tr>
							<c:forEach begin="0" end="4" var="designs_child" items="${designs_child }">
								<td>
									<div class="special">
										<img src="${pageContext.request.contextPath }/${designs_child.effect_url}">
										<a class="left" href="${pageContext.request.contextPath}/design/show_detail.do?&design_id=${designs_child.id}">${designs_child.name}</a>
									</div>
								</td>
							</c:forEach>
						</tr>
					</table>
				</div>
			</div>
			<c:if test="${design_wedding!=null }">
			<div class="span12" id="marry">
				<a href="#">
					<h5 class="range1">
						婚纱礼服作品
					</h5>
				</a>
				<div class="range1list">
					<table>
						<tr>
							<c:forEach begin="0" end="4" var="design_wedding" items="${design_wedding }">
								<td>
									<div class="special">
										<img src="${pageContext.request.contextPath }/${design_wedding.effect_url}">
										<a class="left" href="${pageContext.request.contextPath}/design/show_detail.do?&design_id=${design_wedding.id}">${design_wedding.name}</a>
									</div>
								</td>
							</c:forEach>
						</tr>
					</table>
				</div>
			</div>
			</c:if>
			
			
			<div class="span12" id="home">
				<a href="#">
					<h5 class="range1">
						内衣／家居作品
					</h5>
				</a>
				<div class="range1list">
					<table>
						<tr>
							<c:forEach begin="0" end="4" var="designs_underwear" items="${designs_underwear }">
								<td>
									<div class="special">
										<img src="${pageContext.request.contextPath }/${designs_underwear.effect_url}">
										<a class="left" href="${pageContext.request.contextPath}/design/show_detail.do?&design_id=${designs_underwear.id}">${designs_underwear.name}</a>
									</div>
								</td>
							</c:forEach>
						</tr>
					</table>
				</div>
				<div class="returnTop">
					<a href="javaScript:;"><img src="images/returnTop_1.png"></a>
				</div>
			</div>
	</body>

</html>